<template>
	<view class="container">
		<view class="success" v-if="ordervalue.pay_state==1">
			<view class="success_banna">
				<image class="success_banna_icon" src="https://dysx-h5.shjiuliwl.com/Eblock/images/duigou.png"></image>
				<view class="success_banna_text">支付成功</view>
			</view>
			<view class="success_describe">为防止上传非法内容，需要进行人工审核后才可安全使用客服工作时间：上午9:00-下午18:00</view>
			<view class="kapi">
				<view class="title" v-if="ordervalue&&ordervalue.card_info"> 
					<view class="block"></view>
					<view class="text">已生成卡片</view>
					<view class="codema">审核码：{{ ordervalue.card_info.card_code }}</view>
				</view>
				<view class="hader" v-if="ordervalue&&ordervalue.card_info" @tap.stop="tolinkorimg">
					<image class="img" :src="ordervalue.card_info.card_picture"></image>
					<view class="hader_main">
						<view class="mian_tit">{{ ordervalue.card_info.card_name }}</view>
						<view class="sub_tit">{{ ordervalue.card_info.card_describe }}</view>
						<view class="right_tit">待审核 24小时内有效</view>
					</view>
				</view>
				<view style="display: flex;">
					<view class="copy" @tap="towx">去小程序管理</view>
					<view class="toxcx" @tap="getservicelink">客服审核</view>
				</view>
				<view class="describe">防止您找不到我们，请前往微信小程序管理卡片随时查看审核进度</view>
			</view>
			<view class="dvoie">
				<view class="title"> 
					<view class="block"></view>
					<view class="text">如何使用抖音私信卡片</view>
				</view>
				<video id="myVideo" src="https://dysx-h5.shjiuliwl.com/Eblock/images/shili3.mp4"
					show-mute-btn="true" autoplay controls></video>
			</view>

			<view class="infcenter">
				<view class="title"> 
					<view class="block"></view>
					<view class="text">订单信息</view>
				</view>
				<view class="order_item">
					<view class="order_item_left">会员手机号</view>
					<view class="order_item_right">{{ ordervalue.phone }}</view>
				</view>
				<view class="order_item">
					<view class="order_item_left">卡片数量</view>
					<view class="order_item_right">可同时生效{{ordervalue.card_count}}个卡片</view>
				</view>
				<view class="order_item4">
					<view class="order_item_left">购买套餐</view>
					<view class="order_item_right">{{ ordervalue.pay_note }}</view>
				</view>
				<view class="order_item">
					<view class="order_item_left">无风险提示</view>
					<view class="order_item_right">{{ ordervalue.is_risk==1?"不支持":"支持" }}</view>
				</view>
				<view class="order_item">
					<view class="order_item_left">订单总额：</view>
					<view class="order_item_right" style="color: rgba(255, 87, 51, 1);">￥{{ ordervalue.total_fee/100 }}</view>
				</view>
				<view class="hr"></view>
				<view class="order_item2">
					<view class="order_item_left">订单编号：</view>
					<view class="order_item_right">
						<view class="order_item_right_order">{{ordervalue.order_num}} </view>
						<view class="copy" @tap="copy()"> |  复制</view>
					</view>
				</view>
				<view class="order_item">
					<view class="order_item_left">下单时间：</view>
					<view class="order_item_right">{{ ordervalue.create_time }} </view>
				</view>
				<view class="order_item">
					<view class="order_item_left">支付方式：</view>
					<view class="order_item_right">{{ordervalue.pay_type=="WX_H5"?"微信支付":"支付宝支付"  }}</view>
				</view>
				<view class="service" @tap="getEkservice">对订单有疑问   联系客服</view>
			</view>

		</view>
		<!-- 失败页面 -->
		<view class="fail" v-else>
			<view class="hader">
				<view class="fail_banna">
					<image class="fail_banna_icon" src="https://dysx-h5.shjiuliwl.com/Eblock/images/cuo.png"></image>
					<view class="fail_banna_text">支付失败</view>
				</view>
			</view>
			<view class="fali_card">
				<image class="img" src="https://dysx-h5.shjiuliwl.com/Eblock/images/shibai.png"></image>
				<view class="fali_card_tit">支付遇到问题，请尝试重新支付</view>
				<view class="order_item2">
					<view class="order_item_left">订单编号：</view>
					<view class="order_item_right">
						<view class="order_item_right_order">{{ordervalue.order_num}} </view>
						<view class="copy" @tap="copy()"> |  复制</view>
					</view>
				</view>
				<view class="order_item">
					<view class="order_item_left">下单时间：</view>
					<view class="order_item_right">{{ ordervalue.create_time }} </view>
				</view>
				<view class="order_item">
					<view class="order_item_left">支付方式：</view>
					<view class="order_item_right">{{ordervalue.pay_type=="WX_H5"?"微信支付":"支付宝支付"  }}</view>
				</view>
				<view class="order_item">
					<view class="order_item_left">会员手机号</view>
					<view class="order_item_right">{{ ordervalue.phone }}</view>
				</view>
				<view class="order_item">
					<view class="order_item_left">卡片数量</view>
					<view class="order_item_right">可同时生效{{ordervalue.card_count}}个卡片</view>
				</view>
				<view class="order_item4">
					<view class="order_item_left">购买套餐</view>
					<view class="order_item_right">{{ ordervalue.pay_note }}</view>
				</view>
				<view class="order_item">
					<view class="order_item_left">无风险提示</view>
					<view class="order_item_right">{{ ordervalue.is_risk==1?"不支持":"支持" }}</view>
				</view>
				<view class="order_item">
					<view class="order_item_left">订单总额：</view>
					<view class="order_item_right" style="color: rgba(0, 0, 0, 1);font-size: 28rpx;">￥{{ ordervalue.total_fee/100 }}</view>
				</view>
				<!-- 重新支付 -->
				<view class="Repayment" @tap="Repayment">重新支付</view>
				<view class="onpay" @tap="onclickgetoeder">我已支付，点击刷新订单</view>
			</view>
			<view class="bottom_card">
				<view class="title"> 
					<view class="block"></view>
					<view class="text">遇到问题不要急哟，联系客服为您解决 </view>
				</view>
				<view class="bottom_card_main">
					<view class="surefabu" @tap="towx">确认开通  去小程序管理</view>
					<view class="wxzxkf" @tap="getEkservice">微信在线客服</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
import { onGotApiData , getService,addClick } from '../../utils/api.js';
export default {
	data() {
		return {
			ordervalue: {}, // 获取到的值 AHY28y
			order_num:'',
			timer:null,
			requestNum:1,
			card_url:'',//微信跳转链接
			link:'',
			channel_no:'',
		}	
	},
	// 生命周期中第一个函数，在该函数执行时Vue实例仅仅完成自身事件绑定和生命周期函数的初始化工作，Vue实例中还没有Data，el，methods相关属性
	onLoad (e){
		console.log('地址栏参数1',e)
		uni.setStorageSync('dtsx_upcard','')
		this.channel_no = uni.getStorageSync('EK_channel_no')||''
		this.link = uni.getStorageSync('EK_indexhref')||''
		this.order_num = e.orderNum
		// 获取订单信息
		this.getoeder()
		// 设置定时器，5s执行一次
		let that = this
		this.timer = setInterval(() => {
			// 如果3次都失败啦，直接清空定时器
			// 0,1,2
			if (that.requestNum >= 20) {
				clearInterval(that.timer);
				return;
			}
			that.getoeder()
			that.requestNum++;
		}, 3000);
	},
	methods: {
		// 获取订单信息
		getoeder () {
			const params = {
				order_num: this.order_num,
			}
			onGotApiData('/api/order/v3/get_order','GET',params,this.getoeder_value)
		},
		// 获取订单信息结果
		getoeder_value (result) {
			clearInterval(this.timer);
			console.log('result',result.data)
			this.ordervalue  = result.data
			if(this.ordervalue.pay_state == 1){
				// 事件统计
				addClick('支付成功','V3','访问数')
			}else{
				// 事件统计
				addClick('支付失败','V3','访问量')
			}
		},
		onclickgetoeder(){
			addClick('支付失败','V3','点击刷新订单')
			const params = {
				order_num: this.order_num,
			}
			onGotApiData('/api/order/v1/get_order','GET',params,this.onclickgetoeder_value)
		},
				// 获取订单信息结果
		onclickgetoeder_value (result) {
			console.log('result',result.data)
			this.ordervalue  = result.data
			if(result.data.pay_state == 0){
				uni.showToast({
					title: '暂未查询到您的订单，请重新支付或联系客服',
					icon: 'none',
					//显示持续时间为 2秒
					duration: 2000
				})
			}
		},
		// 去小程序
		towx(){
			const params = {
				env_version: 'release',
				link:this.ordervalue.link,
				channel_no:this.channel_no,
			}
			onGotApiData('/api/wx_xcx/jump_xcx','GET',params,this.towx_vlaue)
		},
		towx_vlaue(result){
			if(result.code == 200){
				window.location.href = result.data.openlink
			}
		},
		copylink(){
			uni.setClipboardData({
				data: this. ordervalue.card_info.system_card_url,
				success: function() {
					uni.showToast({
						title: '链接复制成功，24小时内可先行使用，客服为您审核通过后可继续正常使用',
						icon: 'none',
						//显示持续时间为 2秒
						duration: 2000
					})
				}
			})
		},
		// 吊起小程序客服审核接口
		getservicelink () {
			// 事件统计
			addClick('支付成功','V3','点击客服审核按钮')
			uni.setClipboardData({
				data: this. ordervalue.card_info.card_code,
				success: function() {
					uni.showToast({
						title: '审核码复制成功，请联系客服审核处理',
						icon: 'none',
						//显示持续时间为 2秒
						duration: 2000
					})
				}
			})
			const params = {
				link:this.ordervalue.link ,
				subject:'ppz'
			}
			getService('/api/kefu/douyin_kefu','POST',params,this.Service_value)
		},
		Service_value (result) {
			console.log("客服",result)
			window.location.href = result.data
		},
		// 吊起售后客服	
		getEkservice(){
			// 事件统计
			if(this.ordervalue.pay_state == 1){
				addClick('支付成功','V3','点击订单疑问按钮')
			}else{
				addClick('支付失败','V3','点击订单疑问按钮')
			}
			const params ={}
			onGotApiData('/api/customer/get_after_sale','GET',params,this.getEkservice_value)
		},
		getEkservice_value(result){
			console.log("客服",result)
			window.location.href = result.data
		},
		copy(){
			uni.setClipboardData({
				data: this.ordervalue.order_num,
				success: function() {
					uni.showToast({
						title: '复制成功',
						icon: 'none',
						//显示持续时间为 2秒
						duration: 2000
					})
				}
			})
		},
		// 重新支付
		Repayment(){
			addClick('支付失败','V3','重新支付')
			window.location.href = this.ordervalue.pay_url
		},
		// 点击卡片跳转微信小程序
		tolinkorimg () {
			// 事件统计
			addClick('支付成功','V3','卡片预览')
			window.location.href = this.ordervalue.card_info.card_url
		},
	}
}
</script>

<style scoped lang="scss">
	.container {
		width: 100vw;
		max-width: 750rpx;
		min-height: 100vh;
		margin: 0 auto;
		overflow: hidden;
		font-family: '思源黑体';
		.success{
			width: 750rpx;
			padding-top: 100rpx;
			background: linear-gradient(90deg, rgba(163, 188, 255, 1) 0%, rgba(115, 149, 250, 1) 100%);
			.success_banna{
				width: 300rpx;
				height: 80rpx;
				// border: 1px solid black;
				margin: 0 auto; 
				display: flex;
				.success_banna_icon{
					width: 58rpx;
					height: 58rpx;
					margin: 11rpx 10rpx;
				}
				.success_banna_text{
					width: 200rpx;
					height: 80rpx;
					font-size: 48rpx;
					font-weight: 500;
					line-height: 76rpx;
					color: rgba(255, 255, 255, 1);
				}
			}
			.success_describe{
				width: 700rpx;
				height: 120rpx;
				margin: 0 auto;
				font-size: 28rpx;
				line-height: 60rpx;
				color: rgba(255, 255, 255, 1);
				text-align: center;
			}
			.kapi{
				width: 750rpx;
				height: 590rpx;
				margin-top: 20rpx;
				border-radius: 6px;
				background: rgba(255, 255, 255, 1);
				.title{
					width: 750rpx;
					height: 60rpx;
					padding-top: 20rpx;
					margin: 0 auto;
					display: flex;
					.block{
						width: 8rpx;
						height: 32rpx;
						background-color: rgba(15, 74, 252, 1);
						margin: 14rpx 0 0 16rpx;
						border-radius: 4rpx;
					}
					.text{
						width: 420rpx;
						height: 60rpx;
						font-size: 32rpx;
						font-weight: 700;
						line-height: 60rpx;
						// border: 1px solid black;
						color: rgba(56, 56, 56, 1);
						margin: 0 0 0 10rpx;
					}
					.codema{
						width: 280rpx;
						height: 60rpx;
						// border: 1px solid black;
						font-size: 32rpx;
						line-height: 60rpx;
						color: rgba(255, 87, 51, 1);
						text-align: right;
					}
				}
				.hader{
					width: 720rpx;
					height: 210rpx;
					border-radius: 10rpx;
					margin: 0 auto;
					margin-top: 30rpx;
					background: rgba(255, 255, 255, 1);
					box-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.25);
					display: flex;
					position: relative;
					.img{
						width: 200rpx;
						height: 200rpx;
						margin: 5rpx;
						border-radius: 10rpx;
					}
					.hader_main{
						width: 490rpx;
						height: 220rpx;
						margin: 0 0 0 20rpx;
						position: relative;
						.mian_tit{
							width: 490rpx;
							height: 90rpx;
							font-size: 36rpx;
							font-weight: 400;
							line-height: 50rpx;
							margin-top: 30rpx;
							// border: 1px solid black;
							color: rgba(56, 56, 56, 1);
							white-space: nowrap; /* 不换行 */
							overflow: hidden; /* 超出部分隐藏 */
							text-overflow: ellipsis; /* 使用省略号表示被隐藏的部分 */
						}
						.sub_tit{
							width: 490rpx;
							height: 60rpx;
							font-size: 30rpx;
							font-weight: 400;
							line-height: 30rpx;
							color: rgba(150, 149, 149, 1);
						}
						.right_tit{
							width: 220rpx;
							height: 36rpx;
							border-radius: 0px 6px 0px 2px;
							background: linear-gradient(90deg, rgba(255, 124, 71, 1) 0%, rgba(255, 74, 3, 1) 100%);
							box-shadow: 0px 2px 4px  rgba(212, 48, 48, 0.25);
							position: absolute;
							top: 0;
							right: -2rpx;
							font-size: 22rpx;
							line-height: 36rpx;
							font-weight: 400;
							color: rgba(255, 255, 255, 1);
							text-align: center;
						}
					}
				}
				.copy{
					width: 380rpx;
					height: 90rpx;
					margin: 0 auto;
					margin-top: 50rpx;
					border-radius: 30px;
					background: linear-gradient(90deg, rgba(76, 108, 252, 1) 0%, rgba(3, 49, 255, 1) 100%);
					box-shadow: 0px 8px 5px  rgba(0, 0, 0, 0.25);
					font-size: 36rpx;
					line-height: 90rpx;
					color: rgba(255, 255, 255, 1);
					text-align: center;
				}
				.toxcx{
					width: 280rpx;
					height: 90rpx;
					margin: 0 auto;
					margin-top: 50rpx;
					border-radius: 30px;
					border: 1px solid rgba(76, 108, 252, 1);
					background: #fff;
					box-shadow: 0px 8px 5px  rgba(0, 0, 0, 0.25);
					font-size: 36rpx;
					line-height: 90rpx;
					color: rgba(76, 108, 252, 1);
					text-align: center;
				}
				.describe{
					width: 600rpx;
					height: 40rpx;
					font-size: 28rpx;
					line-height: 40rpx;
					margin: 0 auto;
					margin-top: 30rpx;
					color: rgba(255, 87, 51, 1);
					text-align: center;
				}
			}
			.dvoie{
				width: 750rpx;
				height: 460rpx;
				background-color: #fff;
				margin-top: 10rpx;
				border-radius: 10rpx;
				.title{
					width: 750rpx;
					height: 60rpx;
					padding-top: 20rpx;
					margin: 0 auto;
					margin-bottom: 24rpx;
					display: flex;
					.block{
						width: 8rpx;
						height: 32rpx;
						background-color: rgba(15, 74, 252, 1);
						margin: 14rpx 0 0 16rpx;
						border-radius: 4rpx;
					}
					.text{
						width: 600rpx;
						height: 60rpx;
						font-size: 32rpx;
						font-weight: 700;
						line-height: 60rpx;
						color: rgba(56, 56, 56, 1);
						margin: 0 0 0 10rpx;
					}
				}
				#myVideo{
					width: 710rpx;
					height: 320rpx;
					border: 1px solid black;
					border-radius: 12rpx;
					margin: 0 20rpx 20rpx 20rpx;
				}
			}

			.infcenter{
				width: 750rpx;
				// height: 850rpx;
				margin: 0 auto;
				margin-top: 15rpx;
				margin-bottom: 20rpx;
				border-radius: 6px;
				background: rgba(255, 255, 255, 1);
				.title{
					width: 750rpx;
					height: 60rpx;
					padding-top: 20rpx;
					margin: 0 auto;
					margin-bottom: 24rpx;
					display: flex;
					.block{
						width: 8rpx;
						height: 32rpx;
						background-color: rgba(15, 74, 252, 1);
						margin: 14rpx 0 0 16rpx;
						border-radius: 4rpx;
					}
					.text{
						width: 600rpx;
						height: 60rpx;
						font-size: 32rpx;
						font-weight: 700;
						line-height: 60rpx;
						color: rgba(56, 56, 56, 1);
						margin: 0 0 0 10rpx;
					}
				}
				.order_item{
					width: 700rpx;
					height: 40rpx;
					margin:  0 auto;
					margin-bottom: 34rpx;
					display: flex;
					justify-content: space-between;
					.order_item_left{
						width: 300rpx;
						height: 40rpx;
						font-size: 28rpx;
						line-height: 40rpx;
						color: rgba(0, 0, 0, 1);
					}
					.order_item_right{
						width: 300rpx;
						height: 40rpx;
						font-size: 28rpx;
						line-height: 40rpx;
						color: rgba(128, 128, 128, 1);
						text-align: right;
					}
				}

				.hr{
					width: 730rpx;
					height: 1rpx;
					margin: 0 auto;
					background-color: rgba(229, 229, 229, 1);
					margin-top: 10rpx;
					margin-bottom: 40rpx;
				}
				.order_item2{
					width: 700rpx;
					height: 40rpx;
					margin:  0 auto;
					margin-bottom: 34rpx;
					display: flex;
					justify-content: space-between;
					.order_item_left{
						width: 200rpx;
						height: 40rpx;
						font-size: 28rpx;
						line-height: 40rpx;
						color: rgba(0, 0, 0, 1);
					}
					.order_item_right{
						width: 500rpx;
						height: 40rpx;
						font-size: 28rpx;
						// border: 1px solid black;
						line-height: 40rpx;
						color: rgba(128, 128, 128, 1);
						display: flex;
						justify-content: end;
						.order_item_right_order{
							width: 380rpx;
							height: 40rpx;
							text-align: center;
							line-height: 40rpx;
							// border: 1px solid black;
						}
						.copy{
							font-size: 28rpx;
							color: rgba(0, 0, 0, 1);
						}
					}
				}
				.order_item4{
					width: 700rpx;
					// height: 40rpx;
					margin:  0 auto;
					margin-bottom: 34rpx;
					display: flex;
					justify-content: space-between;
					.order_item_left{
						width: 300rpx;
						height: 40rpx;
						font-size: 28rpx;
						line-height: 40rpx;
						color: rgba(0, 0, 0, 1);
					}
					.order_item_right{
						width: 300rpx;
						// height: 40rpx;
						font-size: 28rpx;
						line-height: 40rpx;
						color: rgba(128, 128, 128, 1);
						text-align: left;
					}
				}
				.service{
					width: 570rpx;
					height: 82rpx;
					margin: 0 auto;
					border-radius: 30px;
					border: 1px solid rgba(128, 128, 128, 1);
					font-size: 32rpx;
					line-height: 82rpx;
					color: rgba(128, 128, 128, 1);
					text-align: center;

				}

			}
		}
		// 失败页面
		.fail{
			width: 750rpx;
			.hader{
				width: 750rpx;
				height: 400rpx;
				background: linear-gradient(180deg, rgba(255, 141, 26, 1) 0%, rgba(255, 87, 51, 1) 100%);
				.fail_banna{
					width: 300rpx;
					height: 80rpx;
					// border: 1px solid black;
					margin: 0 auto; 
					padding-top: 80rpx;
					display: flex;
					.fail_banna_icon{
						width: 58rpx;
						height: 58rpx;
						margin: 11rpx 10rpx;
					}
					.fail_banna_text{
						width: 200rpx;
						height: 80rpx;
						font-size: 48rpx;
						font-weight: 500;
						line-height: 76rpx;
						color: rgba(255, 255, 255, 1);
					}
				}
			}
			.fali_card{
				width: 750rpx;
				// height: 1000rpx;
				padding-bottom: 20rpx;
				border-radius: 10rpx;
				background: rgba(255, 255, 255, 1);
				margin-top: -40rpx;
				.img{
					width: 350rpx;
					height: 350rpx;
					margin: -230rpx 0 0 200rpx;
				}
				.fali_card_tit{
					width: 750rpx;
					height: 70rpx;
					margin: -40rpx 0 50rpx 0;
					font-size: 40rpx;
					font-weight: 600;
					line-height: 70rpx;
					color: rgba(56, 56, 56, 1);
					text-align: center;
				}
				.order_item{
					width: 700rpx;
					height: 40rpx;
					margin:  0 auto;
					margin-bottom: 34rpx;
					display: flex;
					justify-content: space-between;
					.order_item_left{
						width: 300rpx;
						height: 40rpx;
						font-size: 28rpx;
						line-height: 40rpx;
						color: rgba(0, 0, 0, 1);
					}
					.order_item_right{
						width: 300rpx;
						height: 40rpx;
						font-size: 28rpx;
						line-height: 40rpx;
						color: rgba(128, 128, 128, 1);
						text-align: right;
					}
				}
				.order_item2{
					width: 700rpx;
					height: 40rpx;
					margin:  0 auto;
					margin-bottom: 34rpx;
					display: flex;
					justify-content: space-between;
					.order_item_left{
						width: 200rpx;
						height: 40rpx;
						font-size: 28rpx;
						line-height: 40rpx;
						color: rgba(0, 0, 0, 1);
					}
					.order_item_right{
						width: 500rpx;
						height: 40rpx;
						font-size: 28rpx;
						// border: 1px solid black;
						line-height: 40rpx;
						color: rgba(128, 128, 128, 1);
						display: flex;
						justify-content: end;
						.order_item_right_order{
							width: 380rpx;
							height: 40rpx;
							text-align: center;
							line-height: 40rpx;
							// border: 1px solid black;
						}
						.copy{
							font-size: 28rpx;
							color: rgba(0, 0, 0, 1);
						}
					}
				}
				.order_item4{
					width: 700rpx;
					// height: 40rpx;
					margin:  0 auto;
					margin-bottom: 34rpx;
					display: flex;
					justify-content: space-between;
					.order_item_left{
						width: 300rpx;
						height: 40rpx;
						font-size: 28rpx;
						line-height: 40rpx;
						color: rgba(0, 0, 0, 1);
					}
					.order_item_right{
						width: 300rpx;
						// height: 40rpx;
						font-size: 28rpx;
						line-height: 40rpx;
						color: rgba(128, 128, 128, 1);
						text-align: left;
					}
				}
				.Repayment{
					width: 620rpx;
					height: 84rpx;
					margin:  0 auto;
					margin-top: 50rpx;
					// border: 1px solid black;
					border-radius: 40px;
					background: rgba(255, 87, 51, 1);
					font-size: 40rpx;
					line-height: 84rpx;
					color: rgba(255, 255, 255, 1);
					text-align: center;
				}
				.onpay{
					width: 700rpx;
					height: 40rpx;
					margin: 0 auto;
					margin-top: 50rpx;
					text-align: center;
					font-size: 40rpx;
					line-height: 40rpx;
					text-decoration-line: underline;
					color: rgba(255, 87, 51, 1);
				}
			}
			.bottom_card{
				width: 750rpx;
				height: 250rpx;
				margin-top: 20rpx;
				border-radius: 14px;
				background: rgba(255, 255, 255, 1);
				.title{
					width: 750rpx;
					height: 60rpx;
					padding-top: 20rpx;
					margin: 0 auto;
					margin-bottom: 24rpx;
					display: flex;
					.block{
						width: 8rpx;
						height: 32rpx;
						background-color: rgba(255, 87, 51, 1);
						margin: 14rpx 0 0 16rpx;
						border-radius: 4rpx;
					}
					.text{
						width: 600rpx;
						height: 60rpx;
						font-size: 32rpx;
						font-weight: 700;
						line-height: 60rpx;
						color: rgba(56, 56, 56, 1);
						margin: 0 0 0 10rpx;
					}
				}
				.bottom_card_main{
					width: 710rpx;
					height: 70rpx;
					margin: 0 auto;
					// border: 1px solid black;
					margin-top: 40rpx;
					display: flex;
					justify-content: space-around;
					.surefabu{
						width: 360rpx;
						height: 70rpx;
						border-radius: 40px;
						background: rgba(255, 87, 51, 1);
						font-size: 28rpx;
						line-height: 70rpx;
						color: rgba(255, 255, 255, 1);
						text-align: center;
					}
					.wxzxkf{
						width: 200rpx;
						height: 70rpx;
						border-radius: 40px;
						background: rgba(255, 255, 255, 1);
						border: 1px solid rgba(166, 166, 166, 1);
						font-size: 28rpx;
						line-height: 70rpx;
						color: rgba(56, 56, 56, 1);
						text-align: center;

					}
				}
			}
		}
	}

</style>
